body {
	background-image: linear-gradient(
		to right,
		#f0f0f0,
		#eceef4,
		#e3edf7,
		#d7edf9,
		#c9edf7,
		#c9edf7,
		#c9edf7,
		#c9edf7,
		#d7edf9,
		#e3edf7,
		#eceef4,
		#f0f0f0
	);
}
/* 头部 */
header .container {
	width: 1000px;
	height: 66px;
	margin: 0 auto;
	justify-content: space-between;
}
/* 主体 */
main.container {
	width: 1000px;
	height: 670px;
	background-color: rgba(218, 212, 212, 0.3);
}
main .inner {
	width: 420px;
	margin: 50px auto 0;
}
/* 主体上标题 */
.inner .title .inner .title p {
	color: #4b4b4b;
}
.inner .title p:last-child {
	background-color: #ed510a;
	color: white;
	border-radius: 2px;
	text-indent: 40px;
}
/* 主体表单 */
.inner form p {
	width: 420px;
	height: 40px;
	margin-bottom: 24px;
}
.inner form input {
	height: 40px;
	width: 420px;
	outline: none;

	border: 1px solid #c5c5c5;
	border-radius: 2px;
	text-indent: 15px;
	color: #5f5f5f;
}
/* 验证码区 */
.inner form #verify input {
	width: 295px;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.inner form #verify button {
	width: 124px;
	height: 42px;
	border: none;
	border-radius: 0;
	color: #5f5f5f;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #55baf9;
}
.inner form #verify button:hover {
	cursor: pointer;
	background-color: #ed510a;
	color: white;
}
/* 协议区 */
.inner form #agree {
	color: #a3a3a3;
}
.inner form #agree input {
	width: 12px;
	height: 12px;
	margin: 0 5px 0 0;
}
/* 立即注册按钮 */
.inner form > button {
	background-color: #55baf9;
	width: 420px;
	height: 50px;
	color: #5f5f5f;
	border: 0;
}
.inner form > button:hover {
	background-color: #ed510a;
	color: white;
}
/* 验证判断提示样式 */
form > p span {
	display: block;
	width: 300px;
	color: #f15b5b;
	position: absolute;
	left: 102%;
	top: 15px;
	display: none;
}
form > p span strong {
	color: white;
	background-color: #f15b5b;
	padding: 1px 7px;
	border-radius: 50%;
}
